$(function () {

    const token = window.localStorage.getItem('big_token')
    // function getUserInfo() {
    // $.ajax({
    //     type: "get",
    //     url: "http://localhost:8080/api/v1/admin/user/detail",
    //     headers: {
    //         'Authorization': token
    //     },
    //     success: function (response) {
    //         console.log(response);
    //         if (response.code === 200) {
    //             const { username, userPic, password, email, nickname } = response.data
    //             $('#username').val(username);
    //             // 昵称
    //             $('#nickname').val(nickname);
    //             // 邮箱
    //             $('#email').val(email);
    //             // 密码
    //             $('#password').val(password);
    //             // 头像
    //             $('.user_pic').attr('src', userPic);
    //         }
    //     },
    //     error: function (jqXHR, textStatus) {
    //         // console.log(jqXHR);
    //         if (jqXHR.status === 403) {
    //             window.location.href = './login.html'
    //         }
    //     }
    // });
    request({
        type: 'get',
        url: 'http://localhost:8080/api/v1/admin/user/detail',
        success: function (response) {
            if (response.code === 200) {
                const { email, nickname, password, userPic, username } = response.data;
                // 把数据显示到页面上
                console.log(userPic);
                $('#username').val(username);
                $('#nickname').val(nickname);
                $('#email').val(email);
                $('.user_pic').attr('src', userPic);
                $('#password').val(password);
            }
        },
    })


    // }
    // getUserInfo()

    // 修改信息
    $('#exampleInputFile').change(function () {
        // console.log(123);
        // console.log($('#exampleInputFile'));
        // console.log($('#exampleInputFile')[0].files[0]);
        const file = $('#exampleInputFile')[0].files[0]
        const url = URL.createObjectURL(file);
        console.log(url);
        $('.user_pic').attr('src', url)
    })

    $('.btn-edit').on('click', (e) => {
        e.preventDefault();
        const myform = $('#form')[0]
        // console.log(myform);
        const formdata = new FormData(myform)
        console.log(formdata);
        request(
            {
                type: 'post',
                url: 'http://localhost:8080/api/v1/admin/user/edit',
                data: formdata,
                success: function (response) {
                    if (response.code === 200) {
                        alert(response.msg)
                        parent.window.location.reload()
                    }
                }
            }
        )
        // $.ajax({
        //     type: "post",
        //     url: "http://localhost:8080/api/v1/admin/user/edit",
        //     headers: {
        //         'Authorization': token
        //     },
        //     data: formdata,
        //     // //ajax2.0可以不用设置请求头，但是jq帮我们自动设置了，这样的话需要我们自己取消掉
        //     // contentType: false,
        //     // //取消帮我们格式化数据，是什么就是什么
        //     // processData: false,q
        //     success: function (response) {
        //         // console.log(response);
        //         if (response.code === 200) {

        //             alert(response.msg)
        //         }
        //     }
        // });
    })

})
